<div class="row-fluid border-img"> </div>
<div class="row-fluid Related-Items"> 
    <div class="container">
        <div class="row-fluid" style="padding:0;">

            <div class="span12" style=" position: relative; padding:10px 0;">

                <div style=" font-size: 24px; margin-left: 17px; font-weight: 600; text-align: left; color:#585858; font-family: 'Open Sans', sans-serif; ">Related Items | <span style="font-size: 14px; position: relative; top:-2px;">  Documention</span></div>

                <div class="list_carousel responsive">
                    <ul id="foo4">
                        <?php
                        $get_post = new WP_Query(array('post_type'=>'post'));
                        while($get_post->have_posts()): $get_post->the_post();
                        ?>
                        <li>
                            <div class="image-carousel">
                                <?php
                                the_post_thumbnail('related');
                                ?>
                            </div>
                            <div class="text-carousel">
                                <h4 style="padding: 10px;"><?php the_title(); ?></h4>
                            </div>
                            <div class="readmore">
                                <div class="btn-picture"></div>
                                <div class="btn-text"></div>
                            </div>
                        </li>
                        <?php
                        endwhile;
                        ?>
                    </ul>
                    <div class="clearfix"></div>
                    <a class="prev" id="foo1_prev" href="#"><span>prev</span></a>
                    <a class="next" id="foo1_next" href="#"><span>next</span></a>

                </div>

            </div>
        </div>
    </div>
</div>
<div class="row-fluid border-img"> </div>